@charset "utf-8";
body,html{width:100%; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#e60012;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#d1d1d1;}
::-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
.red{color:#e60012;}

@media ( max-width:1200px){
.auto{ padding:0px 10px;}
}

/*公用样式*/
.effect-img {text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Container{padding:3% 0;}
.Left{width:20%; float:left; background:#f8f8f8;}
.SubName{background-image:url(../images/titbg.png); background-repeat:no-repeat; background-size:100% 100%; text-align:center; color:#fff; padding:27px 0px;}
.SubName span{display:block; font-size:30px; line-height:39px; font-weight:bold;}
.SubName em{display:block; line-height:21px; color:#fedecb; text-transform:uppercase;}

.Meun{padding:20px 0px 50px; text-align:center;}
.Meun li a{display:block; line-height:57px; color:#666666; font-size:16px;}
.Meun li.on a{color:#000; background:url(../images/arr1.png) no-repeat right center;}

.Right{width:75%; float:right;}

.Current{padding:46px 0px 20px; border-bottom:1px solid #e4e4e4; line-height:46px; margin-bottom:40px;}
.Current h2{font-size:26px; color:#22bfc3; float:left;}
.Position{float:right; padding-left:25px; background:url(../images/home.png) no-repeat left center; font-size:14px; color:#888888;}
.Position a{color:#888; background:url(../images/arr2.png) no-repeat right center; padding-right:18px; margin-right:18px;}
.Position span{color:#22bfc3;}



/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px; line-height:25px;}
.Pages a{display:inline-block; height:25px; line-height:25px; padding:0px 10px; border:1px solid #dddddd; border-radius:5px; color:#666666; margin:2px 4px;}
.Pages .a_prev,.Pages .a_next{display:inline-block;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; background:#22bfc3; border:1px solid #22bfc3;}
/*pages end*/

/*Top*/
.Header{background:#fff; position:relative;}
.Header .w1200{position:relative; z-index:999;}
.Header .xiong{position:absolute; right:12px; bottom:-30px; width:95px; display: none;}
.Logo{width:91px; float:left; padding:15px 0px;}
.Logo img{display:block; width:100%;}
.Nav{width:60%; float:left; margin-left:5%;}
.Nav li{float:left; width:16.6666%; padding:35px 0px 35px; position:relative;}
.Nav li a.am{display:block; font-size:16px; color:#333333; line-height:54px; text-align:center;}
.Nav li:hover a.am,.Nav li.active a.am{color:#009599;}
.Nav li .SubNav{position:absolute; width:100%; left:0%; top:100%; text-align:center; font-size:14px; line-height:45px; background:#009599; z-index:99; display:none;}
.Nav li .SubNav dl a{display:block; color:#fff; text-align:center;}
.Nav li .SubNav dl a:hover{background:#f2752b;}
.Topbtn{width: 325px; float: right; margin-top: 2%;}
.links a{display: inline-block; margin-left: 15px; color: #333;}
.links .icon{display: block; width: 40px; margin: 0 auto 10px;}
.links .name{display: block; text-align: center; font-size: 14px;}



/* 手机导航 */
.Header_menu,.page_menu{display:none;}
.Header .header_menu{background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:50px; height:24px;background-size:45%;background-position:center; background-repeat:no-repeat; z-index:9; display:none;}
.page_menu{width:50%;height:100%;background:url(../images/opacity.png) repeat;overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0;right:-100%;}
.page_menu .close_bar{height:69px;line-height:69px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:url(../images/opacity.png) repeat; border-bottom:1px solid #e8e8e8;text-align:right;}
.page_menu .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.page_menu .close_bar a:hover{transform:rotate(180deg);}
.page_menu .menu_list{width:100%;margin-top:69px;}
.page_menu .menu_list li h3{height:65px;line-height:65px;font-size:18px;position:relative; border-bottom:1px solid #e8e8e8; font-weight:normal;}
.page_menu .menu_list li h3 a{color:#fff;text-decoration:none;padding-left:20px;display:block;}
.page_menu .menu_list li h3:hover a,.page_menu .menu_list li h3.cur a{color:#f0b1b9;}

 
/*banner*/
.Banner{position:relative;}
.Banner .item img{display:block; width:100%;}
.Banner .owl-pagination{position:absolute; text-align:center; bottom:3%; left:0; width:100%;}
.Banner .owl-pagination .owl-page{width:24px; height:20px; display:inline-block; margin:0 6px; text-indent:9999; line-height:9999; overflow:hidden; background:url(../images/dotpic.png) no-repeat left top;}
.Banner .owl-pagination .owl-page.active{background:url(../images/dotpic.png) no-repeat left bottom;}

/*bottom*/
.Bottom{background:#00a4a8; padding:1.5% 0; font-size:14px; color:#fff;}
.bleft{width:48%; float:left; line-height:34px;}
.bright{width:48%; float:right; text-align:right; line-height:22px;}
.bright .weixin{display:inline-block; margin-bottom:15px;}
.bright a{color:#9ed6d7; display:block;}
.bright .links{display: inline-block;}
.bright .links a{display: inline-block; color: #fff; margin: 0px 15px;}

@media ( max-width:998px){
.Logo{padding:10px 0px;}
.Topbtn{margin-right: 60px;}
.Nav{display:none;}
.Header .header_menu,.page_menu{display:block;}
.Header .xiong{right:50%; margin-right:-47px;}
}

@media ( max-width:768px){
.Bottom{padding:4% 0;}
.bleft{display:none;}
.bright{width:100%; float:none; text-align:center;}

.Left,.Right{float:none; width:100%; background:none;}
.SubName{display:none;}
.Meun{padding:0px;}
.Meun li{display:inline-block; background:#f8f8f8; margin:0px 2px 5px 2px;}
.Meun li a{line-height:45px; padding:0px 10px;}
.Meun li.on a{background:#22bfc3; color:#fff;}
}

@media ( max-width:640px){
.Current{padding:20px 0px 10px;}
.Current h2{font-size:20px;}
}

@media ( max-width:480px){
.Header .xiong{width:30px; bottom:-10px; margin-right:-15px;}
.Meun li a{font-size:14px;}
.Current{margin-bottom:25px;}
.Current h2{display:none;}
.Position{float:none;}
.ContactMain .Left{display:none;}
.ContactMain .Current{padding-top:0;}
.Topbtn{display: none;}
.bright .links{margin-bottom: 15px;}
.bright .links a{margin: 0px 5px;}
}

/*index*/
.Main{padding:4% 0 3%;}
.Hometit{text-align:center;}
.Hometit img{display:inline-block;}
.Hometit i{display:block; width:20px; height:2px; margin:15px auto; background:#009599;}
.Hometit .ins{font-size:14px; line-height:24px; color:#888888;}
.Product{padding:3% 0 0;}
.Product .item{margin:0 3% 0;}
.Product .item .effect-img{background:#22bfc3;}
.Product .item .effect-img img{display:block; width:100%; height:212px;}
.Product .item .txt{position:relative; padding:50px 20px 40px; background:#f7f7f7; text-align:center;}
.Product .item .txt .num{position:absolute; width:51px; height:51px; left:50%; top:-25px; margin-left:-25px; font-size:22px; font-family:Impact; color:#fff; background:url(../images/bg1.png) no-repeat; line-height:51px; text-align:center;}
.Product .item .txt .tit{display:block; font-size:17px; line-height:30px; color:#000000; height:30px; overflow:hidden; margin-bottom:10px;}
.Product .item .txt .info{font-size:14px; line-height:27px; max-height:54px; overflow:hidden; color:#777777;}

.Product .owl-buttons .owl-prev,.Product .owl-buttons .owl-next{position:absolute; width:29px; height:51px; top:50%; margin-top:-25px; line-height:100px; text-indent:9999em; overflow:hidden;}
.Product .owl-buttons .owl-prev{background:url(../images/prev.png) no-repeat left top; left:-36px;}
.Product .owl-buttons .owl-next{background:url(../images/prev.png) no-repeat right top; right:-36px;}
.Product .owl-buttons .owl-prev:hover{background:url(../images/prev.png) no-repeat left bottom; left:-36px;}
.Product .owl-buttons .owl-next:hover{background:url(../images/prev.png) no-repeat right bottom; right:-36px;}

.Product .item:hover .effect-img{background:#f2752b;}
.Product .item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}
.Product .item:hover .txt .num{background:url(../images/bg2.png) no-repeat;}

.HomeAbout{padding:3% 0 0;}
.About{background-image:url(../images/about.jpg); background-position:center top; background-repeat:no-repeat; padding:180px 0px 0px; margin:3% 0 0;}
.About .box{position:relative; min-height:196px; height:auto !important; height:196px; background:#fafafa; padding:34px 268px 0px 20px;}
.About .box .AboutSub{padding:42px 28px 0px; height:288px; position:absolute; right:0px; bottom:0px; background:#f2752b;}
.About .box .AboutSub .tit{padding-bottom:24px;}
.About .box .AboutSub dl a{display:block; height:38px; line-height:38px; border:1px solid #f39d6a; border-radius:10px 0px 10px 0px; margin-top:20px; font-size:15px; color:#fff; text-align:center;}
.About .box .con h2{font-size:24px; line-height:36px; height:36px; overflow:hidden; color:#00a4a8; margin-bottom:24px;}
.About .box .con{font-size:15px; line-height:32px; height:96px; overflow:hidden; color:#333333;}

.HomeNews{padding:3% 0 0;}
.News{padding:3% 0 0;}
.News li{width:31.333%; margin-right:3%; float:left;}
.News li:nth-child(3n){margin-right:0;}
.News li .box{padding:24px 18px; border:1px solid #f2f0f3;}
.News li .box .name{display:block; font-size:17px; line-height:30px; height:30px; overflow:hidden; color:#333333; margin-bottom:20px;}
.News li .box .effect-img img{display:block; width:100%; height: 139px;}
.News li .box .date{display:block; margin:22px 0px 15px; color:#22bfc3; line-height:24px;}
.News li .box .info{font-size:15px; line-height:30px; height:90px; overflow:hidden; color:#999999;}
.News li:hover{box-shadow:0px 0px 25px #f2f0f3;}
.News li:hover .box .date{color:#f2752b;}
.News li:hover .box .effect-img img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}
.News li:hover .box .info{color:#777;}

@media ( max-width:1200px){
.Product .owl-buttons .owl-prev{left:0px;}
.Product .owl-buttons .owl-next{right:0px;}
}

@media ( max-width:998px){
.Product .item .effect-img img{height:176px;}
.News li .box .effect-img img{height: 113px;}
}

@media ( max-width:768px){
.Product .item .txt{padding:35px 10px 20px;}
.News li .box .effect-img img{height: 80px;}
}

@media ( max-width:640px){
.News li .box .name{font-size:15px;}
.Product .item .effect-img img{height:146px;}
.News li .box .effect-img img{height: 64px;}
}

@media ( max-width:480px){
.Hometit img{width:28%;}
.Product .item .effect-img img{height:126px;}
.About .box{padding:20px; min-height:auto;}
.About .box .AboutSub{display:none;}
.About .box .con h2{font-size:20px; margin-bottom:10px;}
.News li{width:100%; float:none; margin:0 0 3% 0;}
.News li .box .effect-img img{height: 130px;}
}


/*公司简介*/
.AboutBox .pic{float:left; border-radius:10px 0px 10px 0px; margin-right:30px;}
.AboutBox .pic img{display:inline-block; max-width:100%;}
.AboutBox .txt{padding:7% 0 0;}
.AboutBox .info{padding:5% 0 0; font-size:15px; line-height:37px; color:#333333;}
.AboutBox .info b{color:#ff0000;}

@media ( max-width:1200px){
.AboutBox .pic{width:100%; float:none; text-align:center;}
}

/*新闻资讯*/
.NewsList{padding:0;}
.NewsList ul{padding:0 0 2%;}
.NewsList li{margin-bottom:3%;}
.LoadMore{background:#f5f5f5 url(../images/more.png) no-repeat center center; height:50px; display:block;}

/*新闻详情*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.ContentAbout{padding:3% 0px; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:17px;}
}

/*产品中心*/
.ProductList ul{padding-bottom:2%;}
.ProductList li{width:31.3333%; margin:0 3% 1% 0; float:left;}
.ProductList li:nth-child(3n){margin-right:0;}
.ProductList li .effect-img{border:1px solid #22bfc3;}
.ProductList li .effect-img img{display:block; width:100%; height:209px;}
.ProductList li .name{display:block; height:53px; line-height:53px; overflow:hidden; text-align:center; font-size:15px; color:#333333;}
.ProductList li:hover .effect-img{box-shadow:0px 0px 25px #dff0f0;}
.ProductList li:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}


@media ( max-width:998px){
.ProductList li .effect-img img{height:170px;}
}

@media ( max-width:768px){
.ProductList li .effect-img img{height:174px;}
}

@media ( max-width:640px){
.ProductList li .effect-img img{height:144px;}
}

@media ( max-width:480px){
.ProductList li{width:48%; margin-right:0;}
.ProductList li:nth-child(2n){float:right;}
.ProductList li .name{font-size:14px;}
.ProductList li .effect-img img{height:126px;}
}

/*品牌故事*/
.StoryBox .pic{float:left; margin-right:3%;}
.StoryBox .pic{display:inline-block; max-width:100%;}
.StoryBox .txt h2{font-size:28px; color:#00a4a8; font-family:"宋体"; line-height:30px; padding:4% 0;}
.StoryBox .txt .info{font-size:15px; line-height:30px; color:#333333;}

@media ( max-width:1200px){
.StoryBox .pic{width:100%; float:none; text-align:center;}
}

/*单篇*/
.Single img{display:inline-block; max-width:100%;}

/*下载资料*/
.Download ul{padding:0 0 3%;}
.Download li{font-size:14px; line-height:36px; height:36px; overflow:hidden; background:url(../images/line3.jpg) repeat-x left center;}
.Download li a{color:#626363; display:inline-block; background:#fff;}
.Download li a.tit{background:#fff url(../images/arr2.png) no-repeat left center; padding:0px 12px 0px 10px;}
.Download li a.down{padding-left:10px; float:right; text-decoration:underline;}
.Download li:hover a{color:#009c9a;}

/*联系我们*/
.Map img{display:block; width:100%;}
.ContactBox dl{padding:3% 0 0;}
.ContactBox dl dd{margin:15px 0px; line-height:35px; font-size:15px; color:#333333; width:60%; float:left; position:relative;}
.ContactBox dl dd:nth-child(2n){width:30%; float:right;}
.ContactBox dl dd .icon{position:absolute; width:35px; left:0px; top:0px;}
.ContactBox dl dd .info{padding-left:55px;}

@media ( max-width:998px){
.ContactBox dl dd,.ContactBox dl dd:nth-child(2n){float:none; width:100%;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){


}